<template>
	<view class="container">
		<view class="main">
			<u-avatar :src="imgSrc" :mode="mode" :size="size"></u-avatar>
		</view>
		<view class="title">
			<text>平台认证</text>
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"zhavatar",
		props:{
		  imgSrc:{
			  type:String,
			  default:''
		  },
		  size:{
			  type:Number,
			  default: 46
		  },
		  mode:{
			  type:String,
			  default: 'circle'
		  },
		  text:{
			  type:String,
			  default:''
		  },
		  bgColor:{
			  type:String,
			  default:'#ffffff'
		  }
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="less">
.container{
	width: 120rpx;
	height: 120rpx;
}
.main{
	height: 100%;
	// position: absolute;
	// top: 0;
	// left: 0;
	// border: 1px solid black;
	display: flex;
	align-items: center;
	justify-content: center;
}
.title{
	-webkit-transform: scale(0.7);
	border-radius: 20rpx;
	position: relative;
	padding-top: 5rpx;
	width: 80%;
	height: 40rpx;
	text-align: center;
	width: 120rpx;
	font-size: 10px;
	top: -40rpx;
	// left: rpx;
	background: rgb(255, 212, 56);
}
</style>